function loadXMLDoc()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {


        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            var json=JSON.parse(xmlhttp.responseText);
            console.log(json.data);

            for (let i=0;i<json.data.length;i++){
                var li=document.createElement("li");
                var  p=document.createElement("p");
                p.innerHTML=json.data[i].studentName;
                var  p1=document.createElement("p");
                p1.innerHTML=json.data[i].sex;
                var  p2=document.createElement("p");
                p2.innerHTML=json.data[i].age;
                li.appendChild(p);
                li.appendChild(p1);
                li.appendChild(p2);
                document.querySelector("#list").appendChild(li);
            }
            console.log(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET","http://localhost/ajaxApi/public/index.php/index/student/student",true);
    xmlhttp.send();
}

loadXMLDoc()
document.querySelector("#btn").addEventListener('click',function(){
//       获取姓名
    var n=document.querySelector("#n").value;
//        获取性别
    var s=document.querySelector("#s").value;
//        获取年龄
    var a=document.querySelector("#a").value;

    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var json=JSON.parse(xmlhttp.responseText);
            console.log(json.data);
            document.querySelector("#list").innerHTML="";
            loadXMLDoc();
        }
    };
    xmlhttp.open("GET","http://localhost/ajaxApi/public/index.php/index/student/addStudent?studentName="+n+"&sex="+s+"&age="+a,true);
    xmlhttp.send();
});
